<html>
    <head>
        <title>room 2d</title>
    </head>
    <style>
            body {
                margin: 0px;
            }
            #con {
                position: absolute;
                width:100%;
                height:100%;
                overflow: hidden; 
            }
    </style>
    <body>
        <!--<svg id="content" width="100%" height="100%">
            <g id="con">
                <rect x="50" y="50" width="1200" height="600" style="fill:red;"></rect>
            </g>
        </svg>-->
        <div id="con"></div>
    </body>
    <script src="../js/jquery-3.2.1.min.js" charset="utf-8" type="text/javascript"></script>
    <script src="../js/d3.js" charset="utf-8" type="text/javascript"></script>
    <script src="../js/ghca_charts.js" charset="utf-8" type="text/javascript"></script>
    <script src="../js/room2d.js" charset="utf-8" type="text/javascript"></script>
    <script src="../data/room2d.js" charset="utf-8" type="text/javascript"></script>
    <script charset="utf-8" type="text/javascript">
        const EvEvent = room2d.events.evEvent;
        const Biz = room2d.biz;

        var biz;
        window.onload = init;
        
        function init() {
	        //先注册外部类，再渲染内容
	        ghca_charts.global.outerPlugins = {
	            chartMap:{
	                "room":room2d.view.component.charts.room
	            },
	            pluginMap:{
	                "rect":room2d.view.elements.plugins.nodes.rect,
	                "jiguinode":room2d.view.elements.plugins.nodes.jiguiNode
	            }
	        };
            //biz = new Biz("con", {bizConfig:testBizConfig, bizData:testBizData}, false, {x:50, y:50, width:1200, height:600});
            biz = new Biz("con", {bizConfig:testBizConfig, bizData:testBizData}, true);
            biz.create();
        }
    </script>
</html>